<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>themes</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="nav">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
               <h4>Themes</h4>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-4"><a href="" class="text_01" id="text_in">Themes</a></div>
                    <div class="col-md-4"><a href="" class="text_01">About</a></div>
                    <div class="col-md-4"><a href="" class="text_01">FAQ</a></div>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="header text-center">
    <div class="container">
        <img src="img/Logo.png" alt="">
        <h2>Themes</h2>
        <p>Customize and extend</p>
        <a href="">Explore</a>
    </div>
</div>


<div class="mian">
    <div class="container ">
        <div class="row text-center">
            <div class="col-md-4">
                <img src="img/Themes_03.gif" alt="">
                <h5>Components and examples</h5>
                <p>Each theme features new components</p>
            </div>
            <div class="col-md-4">
                <img src="img/Themes_05.gif" alt="">
                <h5>Tons of variables</h5>
                <p>Theme components inherit much</p>
            </div>
            <div class="col-md-4">
                <img src="img/Themes_07.png" alt="">
                <h5>Source files and tools</h5>
                <p>Each theme includes components</p>
            </div>
        </div>
    </div>
</div>


<div class="comen text-center">
    <div class="container">
        <h4>Team</h4>
        <div class="row">
            <div class="col-md-4">
                <div class="card carm">
                    <img src="img/insta-2.jpg" alt="" class="ipc">
                    <img src="img/avatar-fat.jpg" alt="" class="ipc_1">
                    <p>Jacob Thornton</p>
                    <p class="pin">Creator of Bootstrap,engineer at Twitter & Medium.Founderof Bumpers.</p>
                    <p>
                        <a href="">
                            View GitHub
                        </a>
                    </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card carm">
                    <img src="img/insta-1.jpg" alt="" class="ipc">
                    <img src="img/avatar-mdo.jpg" alt="" class="ipc_1">
                    <p>Mark Otto</p>
                    <p class="pin">Design at GitHub,Creator of Bootsteap,<br>Previously at Twitter.Huge nerd.</p>
                    <p>
                        <a href="">
                            View GitHub
                        </a>
                    </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card carm">
                    <img src="img/insta-3.jpg" alt="" class="ipc">
                    <img src="img/avatar-dhg.png" alt="" class="ipc_1">
                    <p>Dave Gamache</p>
                    <p class="pin">Design at Twitter & Medium.Staring something new soon;)</p>
                    <p>
                        <a href="">
                            View GitHub
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>





        <div class="container">
            <div class="card conae">
                <div class="row">
                    <div class="col-md-10 imd">
                        <h5>C’mon,check ouot the themes!</h5>
                        <p class="adm">
                            Now you know what we’re about,so peep the goods!
                        </p>
                    </div>
                    <div class="col-md-2 text-center">
                        <a href="">Explore</a>
                    </div>
                </div>
            </div>
        </div>



<footer>
    <div class="container">
        <div class="text-center">
            <a href="" class="btn_01">About</a>
            <a href="">Terms</a>
            <a href="">Privacy</a>
            <a href="">Licenses</a>
            <a href="">FAQ</a>
            <a href="">Bootstrap</a>
        </div>
    </div>


</footer>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>